<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>基于Servlet3.0+webuploader文件上传插件实现的文件上传（二）</title>
    <!--引入CSS-->
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/plugins/webuploader-0.1.5/webuploader.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/plugins/webuploader-0.1.5/style.css" />
</head>
<body>
    <div id="wrapper">
        <div id="container">
            <!--头部，相册选择和格式选择-->
            <div id="uploader">
                <div class="queueList">
                    <div id="dndArea" class="placeholder">
                        <div id="filePicker"></div>
                        <p>或将文件拖到这里，单次最多可选300个</p>
                    </div>
                </div>
                <div class="statusBar" style="display:none;">
                    <div class="progress">
                        <span class="text">0%</span>
                        <span class="percentage"></span>
                    </div><div class="info"></div>
                    <div class="btns">
                        <div id="filePicker2"></div><div class="uploadBtn">开始上传</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

<script type="text/javascript" src="${pageContext.request.contextPath}/static/js/jquery.min.js"></script>
<!--引入JS-->
<script type="text/javascript" src="${pageContext.request.contextPath}/static/plugins/webuploader-0.1.5/webuploader.js"></script>
<script type="text/javascript" src="static/js/upload2.js"></script>
</html>
